<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <!--<link rel="stylesheet" type="text/css" href="css/style.css"/>-->
    <title></title>

    <style>
        body {
            color: #ffffff;
            font-family: Arial;
            font-size: 14px;
            background: url("img/body-bottom-bg.png") repeat;
        }

        #wrap {
            width: 960px;
            margin: auto;
        }

        /*#header {*/
            /*border-bottom: #c8c8c8 solid 1px;*/
        /*}*/

        #header_bg {
            background: url("img/header-bg-960x322.png") 100% 100% no-repeat;
            background-size: cover;
            position: absolute;
            width: 960px;
            height: 322px;
            /*background: #ff8c00;*/
            /*opacity:0.5;*/
            z-index: -1;
        }

        #header_top {
            width: 80%;
            height: 130px;
            /*background: #dc143c;*/
            /*opacity:0.2;*/
            /*background: url("img/header-bg-960x322.png");*/
            /*background-size: cover;*/
        }

        #header_bottom {
            width: 100%;
            height: 80px;
            /*background: #3a89ac;*/
            /*opacity:0.2;*/
            /*background: url("img/header-bg-960x322.png");*/
            /*background-size: cover;*/
        }

        #content {
            /*position: absolute;*/
            /*top: 200px;*/
            /*background: #9932cc;*/
            /*opacity: 0.5;*/
            /*margin-left: 60px;*/
            padding: 20px 15px 20px 40px;
        }

        #footer {
            height: 200px;
            /*background: #00ff7f;*/
            /*opacity: 0.5;*/
            height: 88px;
            background: url("img/footer-bg.png") repeat-x;
        }


        /* TAB MENU
        ----------------------------------------------------------*/
        ul.menu {
            /*border-bottom: 1px #c8c8c8 solid;*/
            padding: 0 0 2px;
            position: relative;
            margin: 0;
            text-align: left;
        }

        ul.menu li {
            display: inline;
            list-style: none;
        }

        ul.menu li a {
            padding: 10px 15px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #eeeeee;
        }

        ul.menu li a:hover {
            background-color: #1d6eac;
            text-decoration: none;
        }

        ul.menu li a:active {
            background-color: #3a89ac;
            text-decoration: none;
        }

        ul.menu li.selected a {
            background-color: #fff;
            color: #000;
        }
    </style>

</head>




<body>

<div id="wrap">
    <div id="header">
        <div id="header_bg"></div>

        <div id="header_top">
            <span>8(968)803-11-33</span>
            <span>8(968)803-22-33</span>
        </div>

        <div id="header_bottom">
            <ul class="menu" style="text-align: center;">
                <li><a href="#">Главная</a></li>
                <li><a href="#">О продукте</a></li>
                <li><a href="#">Галерея</a></li>
                <li><a href="#">Контакты</a></li>
                <li><a href="#">Оформить заказ</a></li>
            </ul>
        </div>
    </div>

    <div id="content">
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
        Content <br/>
    </div>

    <div id="footer">
        Footer
    </div>
</div>

</body>
</html>